<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content="text/html" name='五星图书'/>
    <title>五星图书</title>
    <link rel="stylesheet" href="styles/basic.css" type="text/css"/>
    <link rel="stylesheet" href="styles/login.css" type="text/css"/>
    <script type="text/javascript" src="scripts/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/index.js"></script>
    <script type="text/javascript" src="scripts/form.js"></script>
</head>
<body>
<div id="toolbar">
    <div id="toolbar-box" class="w990">
        <span>您好，欢迎来到蒲公英亲自亲子图书馆！</span>
        <ul class="fright">
            <li><a href="#">登陆</a> &nbsp; </li>
            <li><a href="#">免费注册</a> |&nbsp;</li>
            <li class="lend_car"><a href="#">借阅车0件</a></li>
            <li class="web_help">&nbsp;|&nbsp;<a href="#">网站帮助</a> |&nbsp;</li>
            <li class="add_collect"><a href="#">加入收藏</a></li>
        </ul>
    </div>
</div>
<!--  end  toolbar-->

<div id="logo" class="w990"><a href="#"><img src="images/logo.jpg"/></a></div>

<!--  end  logo-->
<div id="nav">
    <ul class="w990">
        <li><a href="index.html">首页</a></li>
        <li><a href="WEB-INF/html/help.html">借书指南</a></li>
        <li><a href="WEB-INF/html/booktop.html">蒲公英榜</a></li>
        <li><a href="WEB-INF/html/reward.html">悬赏图书</a></li>
        <li class="last"><a href="WEB-INF/jspx/client_index.jsp">我的账户</a></li>
    </ul>
</div>
<!--  end  nav-->

<div id="search">
    <div id="reach_box" class="w990">
        <select class="fleft">
            <option>图片名称</option>
            <option>图片名称</option>
            <option>图片名称</option>
        </select>

        <form class="fleft">
            <input type="text" value="搜索你想要的关键字" name="search" class="text"/>
            <input type="submit" value="" name="submit" class="submit"/>

        </form>
        <span><a href="#">高级搜索</a></span>
        <span class="prompt">温馨提示：如未能搜索到书籍信息，您可联系<a href="#">“在线客服”</a>或<a href="#">“在线留言”</a>进行查询 </span>
    </div>
</div>
<!--  end  search-->
<div id="login" class="w990">
    <h1>注册新用户</h1>

    <form id="myform" action="/member/reg.jspx" method="post">
        <label>电子邮箱：<input type="text" name="email"/>
            <em class="notice"><span>&nbsp;</span>用来登录蒲公英，接收到激活邮件才能注册</em>
            <em class="error"><span>&nbsp;</span>您输入的邮箱格式不正确</em>
        </label>
        <label>密　　码：<input type="password" name="userPwd"/>
            <em class="notice"><span>&nbsp;</span>长度为6-10个字符</em>
            <em class="error"><span>&nbsp;</span>您输入的密码不正确</em>
        </label>
        <label>重复密码：<input type="password" name="rePwd"/>
            <em class="notice"><span>&nbsp;</span>请重复输入密码</em>
            <em class="error"><span>&nbsp;</span>您输入的密码不正确</em>
        </label>
        <label>名　　号：<input type="text" name="userName"/>
            <em class="notice"><span>&nbsp;</span>中英文均可，最多14个字符或7个汉字</em>
            <em class="error"><span>&nbsp;</span>您输入的名号格式不正确</em>
        </label>
        <label>验 证 码：<input type="text" name="check"/>
            <em class="notice"><span>&nbsp;</span>输入验证码</em>
            <em class="error"><span>&nbsp;</span>您输入的验证码不正确</em>
        </label>
        <img src="images/check.png"/>

        <p><input type="checkbox" name="agreeClause" hidefocus="true" class="check" checked="checked" value="true"/>
            <a href="WEB-INF/html/yhxy.html" target="_blank" class="change_yhxy">我已阅读并同意《蒲公英亲子图书馆用户协议》</a></p>
        <label class="none"><input type="submit" value="注册" class="button"></label>
    </form>
</div>


<div id="client_wrap" class="wrap">
    <div class="w990">
        <div class="w330 fleft">
            <h1 class="w_guide">新手指南</h1>
            <ul>
                <li class="li1"><a href="#">会员类型说明</a></li>
                <li><a href="#">借书详情说明</a></li>
                <li><a href="#">蒲公英网介绍</a></li>
            </ul>
        </div>
        <div class="w330 fleft">
            <h1 class="w_pay">支付账号</h1>
            <ul>
                <li class="li1"><a href="#">押金账户</a></li>
                <li><a href="#">书币账户</a></li>
                <li><a href="#">网上支付</a></li>
            </ul>
        </div>
        <div class="w330 fleft">
            <h1 class="w_help">帮助中心</h1>
            <ul>
                <li class="li1"><a href="#">意见反馈</a></li>
                <li><a href="#">找回密码</a></li>
                <li><a href="#">问题咨询解答</a></li>
            </ul>
        </div>
    </div>
</div>
<!--  end  wrap-->

<div id="footer"><p>Copyright© 2002-2013，蒲公英版权所有　粤ICP备13065515号　出版物经营许可证新出发粤批字第A-243号</p></div>
<!--  end  footer-->
</body>
</html>
		